<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>Perfekta. Multipurpose Site Theme.</title>
		<link rel="shortcut icon" href="images/favicon.png">

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

		<!-- Custom CSS -->
		<link href="css/style.css" rel="stylesheet" media="screen">

		<!-- Owl Carousel stylesheet -->
		<link href="css/owl.carousel.css" rel="stylesheet">

		<!-- Owl Carousel Default Theme -->
		<link href="css/owl.theme.css" rel="stylesheet">


		<!-- Fancybox -->
		<link href="css/jquery.fancybox.css" rel="stylesheet">

		<!-- Google Fonts -->
		<link href="http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic|Bree+Serif" rel="stylesheet">

		<!-- Font Awesome Icons -->
		<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.2/css/font-awesome.css" rel="stylesheet">

		<!-- HTML5 shiv and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>

		<!-- Fixed navbar -->
		<div class="navbar navbar-inverse navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="index.html"><img src="http://coffeecreamthemes.com/themes/perfekta/site/images/logo.png" alt="Perfekta. Multipurpose Site Theme." class="img-responsive" /></a>
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="index.html">Full Width Slider</a></li>
								<li><a href="index-fullscreen.html">Full Screen Slide</a></li>
								<li><a href="index-fixed.html">Fixed Width Slider</a></li>
								<li><a href="index-bootstrap-fullwidth.html">Full Width Bootstrap Carousel</a></li>
								<li><a href="index-bootstrap-fixedwidth.html">Fixed Width Bootstrap Carousel</a></li>
								<li><a href="index-image-text.html">Static Image and Text Banner</a></li>
								<li><a href="index-image.html">Static Image Banner</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="features.html">Features</a></li>
								<li><a href="about.html">About Us</a></li>
								<li><a href="member.html">Team Member</a></li>
								<li><a href="leftcolumn.html">Left Column</a></li>
								<li><a href="rightcolumn.html">Right Column</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="portfolio1.html">1 Columns</a></li>
								<li><a href="portfolio2.html">2 Columns</a></li>
								<li><a href="portfolio3.html">3 Columns</a></li>
								<li><a href="portfolio4.html">4 Columns</a></li>
								<li><a href="project.html">Single Project Page</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="blog.html">Post List</a></li>
								<li><a href="post.html">Single Post</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Shop <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="shop.html">Product List</a></li>
								<li><a href="products.html">Product Details</a></li>
								<li><a href="basket.html">Basket</a></li>
								<li><a href="checkout.html">Checkout</a></li>
							</ul>
						</li>
					</ul>
				</div><!--/.nav-collapse -->
			</div><!--/.container -->
		</div><!--/.navbar -->

		<!-- Content Start -->
		<div class="container">

			<div class="row row-margin no-fade">
				<div class="col-sm-12">
					<h1>Features</h1>
				</div>
			</div>

			<div class="row row-margin no-fade">
				<div class="col-sm-6">

					<h3>Tabs</h3>

					<!-- Tabs Start -->
					<ul class="nav nav-tabs">
						<li class="active"><a href="#tab1" data-toggle="tab">Tab 1</a></li>
						<li><a href="#tab2" data-toggle="tab">Tab 2</a></li>
						<li><a href="#tab3" data-toggle="tab">Tab 3</a></li>
					</ul>

					<div class="tab-content">
						<div class="tab-pane fade in active" id="tab1">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor cursus purus pulvinar blandit. Phasellus accumsan tempus condimentum. Vivamus non euismod tellus. In quis augue ac eros feugiat dictum et non elit. Nunc ac consectetur lacus. Pellentesque euismod egestas urna, a eleifend massa gravida eu. Cras mattis, augue ac ultrices pretium, felis libero ultrices neque, faucibus condimentum nunc mauris ac sapien. Nulla neque nisl, rutrum id semper a, ullamcorper eget justo. Nam et enim eu lectus molestie commodo. Aliquam consectetur nisi ut consequat iaculis.</p>
						</div>
						<div class="tab-pane fade" id="tab2">
							<p>Sed vel consectetur nisl. Proin tincidunt massa non faucibus mollis. Cras sapien lectus, pharetra quis tortor sed, varius scelerisque lectus. Ut ornare sem non mauris mollis cursus. Ut mattis nisl pretium, aliquam eros vitae, rhoncus odio. Mauris at molestie augue. Nam quam dolor, volutpat in metus placerat, vehicula feugiat felis. Ut posuere libero vitae aliquam vehicula. Duis lacinia risus a tortor tempus, eget dapibus leo egestas.</p>
						</div>
						<div class="tab-pane fade" id="tab3">
							<p>Duis pretium sit amet tortor eu imperdiet. Ut egestas in purus ut vehicula. Quisque dolor tellus, faucibus aliquam tempor eget, eleifend nec mi. Proin lacus mauris, iaculis eget orci in, consequat blandit est. Sed porta sagittis justo quis pretium. Aliquam massa sapien, sodales quis dignissim eu, congue quis nunc. Nulla cursus tempor nibh, volutpat mattis orci venenatis non. In hac habitasse platea dictumst. Suspendisse accumsan urna ut convallis hendrerit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam gravida mollis egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
						</div>
					</div>
					<!-- Tabs End -->

				</div>
				<div class="col-sm-6">

					<h3>Accordion</h3>

					<!-- Accordion Start -->
					<div class="panel-group" id="accordion">
						<div class="panel panel-default">
							<div class="panel-heading">
								<h4 class="panel-title">
									<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
										<i class="fa fa-plus"></i>
										<i class="fa fa-minus"></i>
										Collapsible Group Item #1
									</a>
								</h4>
							</div>
							<div id="collapseOne" class="panel-collapse collapse in">
								<div class="panel-body">
									Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
								</div>
							</div>
						</div>
						<div class="panel panel-default">
							<div class="panel-heading">
								<h4 class="panel-title">
									<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapsed">
										<i class="fa fa-plus"></i>
										<i class="fa fa-minus"></i>
										Collapsible Group Item #2
									</a>
								</h4>
							</div>
							<div id="collapseTwo" class="panel-collapse collapse">
								<div class="panel-body">
									Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
								</div>
							</div>
						</div>
						<div class="panel panel-default">
							<div class="panel-heading">
								<h4 class="panel-title">
									<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" class="collapsed">
										<i class="fa fa-plus"></i>
										<i class="fa fa-minus"></i>
										Collapsible Group Item #3
									</a>
								</h4>
							</div>
							<div id="collapseThree" class="panel-collapse collapse">
								<div class="panel-body">
									Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
								</div>
							</div>
						</div>
					</div>
					<!-- Accordion End -->

				</div>
			</div>

			<div class="divider">
				<i class="fa fa-circle-o"></i>
			</div>

			<div class="row row-margin">
				<div class="col-sm-6">
					<h3>Buttons</h3>
					<p>Use any of the available button classes to quickly create a styled button.</p>
					<p>
						<!-- Standard button -->
						<button type="button" class="btn btn-default">Default</button>

						<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
						<button type="button" class="btn btn-primary">Primary</button>

						<!-- Indicates a successful or positive action -->
						<button type="button" class="btn btn-success">Success</button>

						<!-- Contextual button for informational alert messages -->
						<button type="button" class="btn btn-info">Info</button>

						<!-- Indicates caution should be taken with this action -->
						<button type="button" class="btn btn-warning">Warning</button>

						<!-- Indicates a dangerous or potentially negative action -->
						<button type="button" class="btn btn-danger">Danger</button>

						<!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
						<button type="button" class="btn btn-link">Link</button>
					</p>
					<p>&nbsp;</p>
					<p>Fancy larger or smaller buttons? Add <code>.btn-lg</code>, <code>.btn-sm</code>, or <code>.btn-xs</code> for additional sizes.</p>
					<p>
						<button type="button" class="btn btn-primary btn-lg">Large button</button>
						<button type="button" class="btn btn-default btn-lg">Large button</button>
					</p>
					<p>
						<button type="button" class="btn btn-primary">Default button</button>
						<button type="button" class="btn btn-default">Default button</button>
					</p>
					<p>
						<button type="button" class="btn btn-primary btn-sm">Small button</button>
						<button type="button" class="btn btn-default btn-sm">Small button</button>
					</p>
					<p>
						<button type="button" class="btn btn-primary btn-xs">Extra small button</button>
						<button type="button" class="btn btn-default btn-xs">Extra small button</button>
					</p>
					<p>&nbsp;</p>
					<p>Create block level buttons—those that span the full width of a parent— by adding <code>.btn-block</code>.</p>
					<p>
						<button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>
						<button type="button" class="btn btn-default btn-lg btn-block">Block level button</button>
					</p>
				</div>
				<div class="col-sm-6">
					<h3>Active &amp; Disabled States</h3>
					<p>No need to add <code>:active</code> as it's a pseudo-class, but if you need to force the same appearance, go ahead and add <code>.active</code>.</p>
					<p>
						<button type="button" class="btn btn-primary btn-lg active">Primary button</button>
						<button type="button" class="btn btn-default btn-lg active">Button</button>
					</p>
					<p>&nbsp;</p>
					<p>Add the <code>.active</code> class to <code>&lt;a&gt;</code> buttons.</p>
					<p>
						<a href="#" class="btn btn-primary btn-lg active" role="button">Primary link</a>
						<a href="#" class="btn btn-default btn-lg active" role="button">Link</a>
					</p>
					<p>Make buttons look unclickable by fading them back 50%.</p>
					<p>&nbsp;</p>
					<p>Add the <code>disabled</code> attribute to <code>&lt;button&gt;</code> buttons.</p>
					<p>
						<button type="button" class="btn btn-lg btn-primary" disabled="disabled">Primary button</button>
						<button type="button" class="btn btn-default btn-lg" disabled="disabled">Button</button>
					</p>
					<p>If you add the <code>disabled</code> attribute to a <code>&lt;button&gt;</code>, Internet Explorer 9 and below will render text gray with a nasty text-shadow that we cannot fix.</p>
					<p>&nbsp;</p>
					<p>Add the <code>.disabled</code> class to <code>&lt;a&gt;</code> buttons.</p>
					<p>
						<a href="#" class="btn btn-primary btn-lg disabled" role="button">Primary link</a>
						<a href="#" class="btn btn-default btn-lg disabled" role="button">Link</a>
					</p>
					<p>We use <code>.disabled</code> as a utility class here, similar to the common <code>.active</code> class, so no prefix is required.</p>
				</div>
			</div>

			<div class="divider">
				<i class="fa fa-circle-o"></i>
			</div>

			<div class="row row-margin">
				<div class="col-sm-12">
					<h3>Prices</h3>
				</div>
			</div>

			<div class="row row-margin">
				<div class="col-sm-4">
					<ul class="price-table">
						<li class="title">Single</li>
						<li class="price">$9.99</li>
						<li class="period">per month</li>
						<li>1 User</li>
						<li>10 Databases</li>
						<li>20 GB Traffic</li>
						<li>50 GB Capacity</li>
						<li>No Support</li>
						<li><a href="#" class="btn btn-primary btn-lg">Sign Up</a></li>
					</ul>
				</div>
				<div class="col-sm-4">
					<ul class="price-table highlighted">
						<li class="title">Company</li>
						<li class="price">$19.99</li>
						<li class="period">per month</li>
						<li>10 Users</li>
						<li>50 Databases</li>
						<li>100 GB Traffic</li>
						<li>250 GB Capacity</li>
						<li>Limited Support</li>
						<li><a href="#" class="btn btn-primary btn-lg">Sign Up</a></li>
					</ul>
				</div>
				<div class="col-sm-4">
					<ul class="price-table">
						<li class="title">Corporate</li>
						<li class="price">$29.99</li>
						<li class="period">per month</li>
						<li>50 Users</li>
						<li>Unlimited Databases</li>
						<li>Unlimited Traffic</li>
						<li>500 GB capacity</li>
						<li>Support 24/7</li>
						<li><a href="#" class="btn btn-primary btn-lg">Sign Up</a></li>
					</ul>
				</div>
			</div>

			<div class="divider">
				<i class="fa fa-circle-o"></i>
			</div>

			<div class="row row-margin">
				<div class="col-sm-6">
					<h3>Basic table</h3>
					<p>For basic styling—light padding and only horizontal dividers—add the base class <code>.table</code> to any <code>&lt;table&gt;</code>. It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we've opted to isolate our custom table styles.</p>
					<table class="table">
						<thead>
							<tr>
								<th>#</th>
								<th>First Name</th>
								<th>Last Name</th>
								<th>Username</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>1</td>
								<td>John</td>
								<td>Doe</td>
								<td>@john</td>
							</tr>
							<tr>
								<td>2</td>
								<td>Steven</td>
								<td>Novak</td>
								<td>@steven</td>
							</tr>
							<tr>
								<td>3</td>
								<td>Jane</td>
								<td>Smith</td>
								<td>@jane</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="col-sm-6">
					<h3>Striped rows table</h3>
					<p>Use <code>.table-striped</code> to add zebra-striping to any table row within the <code>&lt;tbody&gt;</code>.</p>
					<table class="table table-striped">
						<thead>
							<tr>
								<th>#</th>
								<th>First Name</th>
								<th>Last Name</th>
								<th>Username</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>1</td>
								<td>John</td>
								<td>Doe</td>
								<td>@john</td>
							</tr>
							<tr>
								<td>2</td>
								<td>Steven</td>
								<td>Novak</td>
								<td>@steven</td>
							</tr>
							<tr>
								<td>3</td>
								<td>Jane</td>
								<td>Smith</td>
								<td>@jane</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>

			<div class="row row-margin">
				<div class="col-sm-6">
					<h3>Bordered table</h3>
					<p>Add <code>.table-bordered</code> for borders on all sides of the table and cells.</p>
					<table class="table table-bordered">
						<thead>
							<tr>
								<th>#</th>
								<th>First Name</th>
								<th>Last Name</th>
								<th>Username</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>1</td>
								<td>John</td>
								<td>Doe</td>
								<td>@john</td>
							</tr>
							<tr>
								<td>2</td>
								<td>Steven</td>
								<td>Novak</td>
								<td>@steven</td>
							</tr>
							<tr>
								<td>3</td>
								<td>Jane</td>
								<td>Smith</td>
								<td>@jane</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="col-sm-6">
					<h3>Hover rows table</h3>
					<p>Add <code>.table-hover</code> to enable a hover state on table rows within a <code>&lt;tbody&gt;</code>.</p>
					<table class="table table-hover">
						<thead>
							<tr>
								<th>#</th>
								<th>First Name</th>
								<th>Last Name</th>
								<th>Username</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>1</td>
								<td>John</td>
								<td>Doe</td>
								<td>@john</td>
							</tr>
							<tr>
								<td>2</td>
								<td>Steven</td>
								<td>Novak</td>
								<td>@steven</td>
							</tr>
							<tr>
								<td>3</td>
								<td>Jane</td>
								<td>Smith</td>
								<td>@jane</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="row row-margin">
				<div class="col-sm-6">
					<h3>Condensed table</h3>
					<p>Add <code>.table-condensed</code> to make tables more compact by cutting cell padding in half.</p>
					<table class="table table-condensed">
						<thead>
							<tr>
								<th>#</th>
								<th>First Name</th>
								<th>Last Name</th>
								<th>Username</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>1</td>
								<td>John</td>
								<td>Doe</td>
								<td>@john</td>
							</tr>
							<tr>
								<td>2</td>
								<td>Steven</td>
								<td>Novak</td>
								<td>@steven</td>
							</tr>
							<tr>
								<td>3</td>
								<td>Jane</td>
								<td>Smith</td>
								<td>@jane</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="col-sm-6">
					<h3>Contextual classes</h3>
					<p>Use contextual classes to color table rows or individual cells.</p>
					<table class="table">
						<thead>
							<tr>
								<th>#</th>
								<th>Column heading</th>
								<th>Column heading</th>
								<th>Column heading</th>
							</tr>
						</thead>
						<tbody>
							<tr class="active">
								<td>1</td>
								<td>Column content</td>
								<td>Column content</td>
								<td>Column content</td>
							</tr>
							<tr class="success">
								<td>3</td>
								<td>Column content</td>
								<td>Column content</td>
								<td>Column content</td>
							</tr>
							<tr class="warning">
								<td>5</td>
								<td>Column content</td>
								<td>Column content</td>
								<td>Column content</td>
							</tr>
							<tr class="danger">
								<td>7</td>
								<td>Column content</td>
								<td>Column content</td>
								<td>Column content</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			
		</div>
		<!-- Content End -->

		<!-- Prefooter Start -->
		<div class="prefooter">
			<div class="container">
				<div class="row">
					<div class="col-sm-3 latest-posts">
						<h5>Latest News</h5>
						<div class="row">
							<div class="col-xs-4">
								<img src="http://placehold.it/80x80" alt="" />
							</div>
							<div class="col-xs-8">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus.
								<br><a href="#">Read More</a>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-4">
								<img src="http://placehold.it/80x80" alt="" />
							</div>
							<div class="col-xs-8">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus.
								<br><a href="#">Read More</a>
							</div>
						</div>
					</div>
					<div class="col-sm-3 latest-comments">
						<h5>Latest Comments</h5>
						<div class="row">
							<div class="col-xs-4">
								<img src="http://placehold.it/80x80" alt="" />
							</div>
							<div class="col-xs-8">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus.
								<br><a href="#">Read More</a>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-4">
								<img src="http://placehold.it/80x80" alt="" />
							</div>
							<div class="col-xs-8">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus.
								<br><a href="#">Read More</a>
							</div>
						</div>
					</div>
					<div class="col-sm-3 footer-photos">
						<h5>Latest Photos</h5>
						<ul>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group" title=""><img src="http://placehold.it/90x90" alt="" /></a></li>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group" title=""><img src="http://placehold.it/90x90" alt="" /></a></li>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group" title=""><img src="http://placehold.it/90x90" alt="" /></a></li>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group" title=""><img src="http://placehold.it/90x90" alt="" /></a></li>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group" title=""><img src="http://placehold.it/90x90" alt="" /></a></li>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group" title=""><img src="http://placehold.it/90x90" alt="" /></a></li>
						</ul>
						<div class="clear"></div>
					</div>
					<div class="col-sm-3 footer-contact">
						<h5>Contact Us</h5>
						<ul>
							<li>
								<address>
									<i class="fa fa-map-marker"></i>
									<p>
										<span>Address:</span>
										<br>416 Water St.
										<br>New York, NY 10002, USA
									</p>
								</address>
							</li>
							<li>
								<i class="fa fa-phone"></i>
								<p><span>Phone:</span> +1 800 555 789</p>
							</li>
							<li>
								<i class="fa fa-print"></i>
								<p><span>Fax:</span> +1 123 555 789</p>
							</li>
							<li>
								<i class="fa fa-envelope"></i>
								<p><span>Email:</span> <a href="mailto:name@domain.com">name@domain.com</a></p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- Prefooter End -->

		<!-- Footer Start -->
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-sm-6">
						&copy; 2013 Perfekta. Web Design &amp; Development by <a href="http://www.coffeecreamthemes.com/" target="_blank">Coffeecream Themes</a>.
					</div>
					<div class="col-sm-6">
						<ul>
							<li><a href="http://facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a></li>
							<li><a href="http://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
							<li><a href="http://plus.google.com/" target="_blank"><i class="fa fa-google-plus"></i></a></li>
							<li><a href="http://tumblr.com/" target="_blank"><i class="fa fa-tumblr"></i></a></li>
							<li><a href="http://dribbble.com/" target="_blank"><i class="fa fa-dribbble"></i></a></li>
							<li><a href="http://xing.com/" target="_blank"><i class="fa fa-xing"></i></a></li>
							<li><a href="http://youtube.com/" target="_blank"><i class="fa fa-youtube"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</footer>
		<!-- Footer Start -->

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="http://code.jquery.com/jquery.js"></script>

		<!-- Bootstrap Plugins -->
		<script src="js/bootstrap.min.js"></script>

		<!-- Retina Plugin -->
		<script src="js/retina-1.1.0.min.js"></script>

		<!-- Owl Carousel Plugin -->
		<script src="js/owl.carousel.js"></script>

		<!-- Fancybox Plugin -->
		<script src="js/jquery.fancybox.js"></script>

		<!-- Bootstrap Progress Bar -->
		<script src="js/bootstrap-progressbar.js"></script>

		<!-- MixItUp Plugin -->
		<script src="js/jquery.mixitup.js"></script>

		<!-- Settings -->
		<script src="js/settings-inner.js"></script>
		
	</body>
</html>